<div id="orgInfo">
	<yu-panel :title="$t('orgInfoManager.jggl')">
		<el-row :gutter="24">
			<!--左侧机构树-->
			<el-col :span="5">
				<yufp-ext-tree ref="mytree" @node-click="nodeClickFn" :show-checkbox="false" :height="heightOrg" :data-url="treeUrl" data-id="orgId"
				 node-key="orgId" data-label="orgName" style="margin-top: 10px" data-pid="upOrgId" :data-root="dataRoot" :data-params="{'orgSts':'A','lazy':true}"
				 :root-visible="true" lazy></yufp-ext-tree>
			</el-col>
			<!--机构列表部分-->
			<el-col :span="19">
				<!--机构列表查询条件-->
				<yu-xform v-model="formdata" related-table-name="mytable" form-type="search">
					<yu-xform-group :column="4">
						<yu-xform-item :label="$t('orgInfoManager.jgdm')" :placeholder="$t('orgInfoManager.jgdm')" ctype="input" name="orgCode"></yu-xform-item>
						<yu-xform-item :label="$t('orgInfoManager.jgmc')" :placeholder="$t('orgInfoManager.jgmc')" ctype="input" name="orgName"></yu-xform-item>
						<yu-xform-item :label="$t('orgInfoManager.zt')" :placeholder="$t('orgInfoManager.zt')" ctype="select" name="orgSts" data-code="DATA_STS"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<el-button @click="openCreateFn" v-if="createButton">{{ $t('orgInfoManager.xz') }}</el-button>
					<el-button @click="openEditFn" v-if="editButton">{{ $t('orgInfoManager.xg') }}</el-button>
					<el-button @click="deletestFn" v-if="deleteButton">{{ $t('orgInfoManager.sc') }}</el-button>
					<el-button @click="useBatchFn" v-if="useButton">{{ $t('orgInfoManager.qy') }}</el-button>
					<el-button @click="unUseBatchFn" v-if="unuseButton">{{ $t('orgInfoManager.ty') }}</el-button>
				</yu-toolBar>
				<!--机构列表-->
				<el-table-x ref="mytable" :checkbox="mainGrid.checkbox" :max-height="mainGrid.height" :data-url="mainGrid.dataUrl" :base-params="mainGrid.dataParams"
				 :table-columns="mainGrid.tableColumns" @custom-detail-click="openDetailFn">
				</el-table-x>
			</el-col>
		</el-row>
	</yu-panel>
	<!--机构信息维护页面-->
	<el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" height="360px" width="800px">
		<el-collapse v-model="activeName" accordion>
			<el-collapse-item :title="$t('orgInfoManager.jgxx')" name="1">
				<el-form-x ref="myform" :group-fields="updateFields" :disabled="formDisabled" label-width="100px"></el-form-x>
			</el-collapse-item>
			<el-collapse-item :title="$t('orgInfoManager.kzxx')" name="2">
				<el-form-x ref="myform1" :group-fields="updateFields2" :disabled="formDisabled" label-width="100px"></el-form-x>
			</el-collapse-item>
		</el-collapse>
		<div slot="footer" align="center">
			<el-button v-if="dialogStatus=='create'" type="primary" @click="saveCreateFn()">{{ $t('orgInfoManager.qr') }}</el-button>
			<el-button v-else-if="dialogStatus=='update'" type="primary" @click="saveEditFn()">{{ $t('orgInfoManager.qr') }}</el-button>
			<el-button v-if="dialogStatus =='create'" @click="resetTempFn()">{{ $t('orgInfoManager.zz') }}</el-button>
			<el-button v-if="dialogStatus =='update'" @click="closeDialogFn()">{{ $t('orgInfoManager.qx') }}</el-button>
		</div>
	</el-dialog-x>
</div>